<template>
	<view>
		<view class="rule_info">
			<view class="rule-title">
				{{article.title}}
			</view>
			<view class="rele-cont">
				<bctos-rich-text :nodes="article.content"></bctos-rich-text>
			</view>
		</view>
		<foo-bar :type="0"></foo-bar>
	</view>
</template>

<script>
	import fooBar from '../../components/yx-bottomBar/yx-bottomBar'
	export default {
		components: {
			fooBar,
		},
		data() {
			return {
				article:{}
			};
		},
		onReady() {
			this.getDrawDate()
		},
		methods:{
			getDrawDate() {
				let that = this;
				uni.request({
					url: that.serverURL + "/index/Draw/getArticle",
					method: "POST",
					data:{
						id:1
					},
					success(res) {
						console.log(res.data.articel)
						that.article = res.data.articel;
					},
					fail(fail) {
						uni.hideLoading();
					}
				});
			},
		}
	}
</script>

<style lang="less">
	.rule_info {
		width: 679rpx;
		margin: 62rpx auto 0px auto;

		.rule-title {
			font-size: 38rpx;
			color: #333;
			font-weight: bold;
			margin-bottom: 40rpx;
		}
	}

	.rele-cont {
		width: 100%;
		min-height: 970rpx;
		background: #eeeeef;
		overflow-y: scroll;
	}
</style>
